<template>
	<view>
	<view class="history-nav">
		<view class="history-nav-left" @click="Navpopup">
			<image src="../../static/TestImg/arrow-left.png" mode="" @click="fanhui"></image>
		</view>
		<view class="history-nav-center">
          浏览记录
		</view>
		<view class="history-nav-right" @click="seek">
			<image src="../../static/img/sousuo.png" mode=""></image>
		</view>
		<view class="LeftPopup">
			<u-popup :show="LeftPopup" mode="left" @close="close">
				<sidebar></sidebar>
			</u-popup>
		</view>
	</view>
	<view class="browse-date">今天</view>
	<view class="record-all">
	<view v-for="(item,index) in cookies" :key="index" class="aryicle-cookies">
		<image :src="item.cookiesImage" mode=""></image>
		<view class="shop-cookies-price">
			<text class="price-symbol">￥</text>
			<text class="shop-Price">{{item.shopPrice}}</text>
			<text class="shop-Price-decimals">.{{item.PriceDecimals}}</text>
		</view>
	</view>
	</view>
	</view>
</template>

<script>
	// import sidebar from '@/components/sidebar.vue';
	export default {
		components:{
			sidebar:""
		},
		data() {
			return {
				LeftPopup: false,
				cookies:[{
					cookiesImage:require("../../static/TestImg/1714264690710.png"),
					shopPrice:18,
					PriceDecimals:8
				}
				]
			}
		},
		
		methods: {
			close() {
				this.LeftPopup = !this.LeftPopup
			},
			fanhui(){
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>

<style>
	.history-nav {
		width: 100%;
		height: 90rpx;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		box-sizing: border-box;
	}

	.history-nav-right,
	.history-nav-left {
		width: 20%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.history-nav-left image {
		width: 40%;
		height: 67%;
		object-fit: cover;
		object-position: center;

	}

	.history-nav-center {
		width: 60%;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
	}

	.history-nav-right image {
		width: 30%;
		height: 55%;
		object-fit: cover;
		object-position: center;
	}
	.browse-date{
		width: 100%;
		height: 50rpx;
        /* background-color: antiquewhite; */
		margin-left: 30rpx
	}
	.record-all{
		display: flex;
		/* justify-content: space-evenly; */
	}
	.aryicle-cookies{
		width: 230rpx;
		height: 280rpx;
		margin-left: 15rpx;
	}
	.aryicle-cookies> image{
		width: 230rpx;
		height: 230rpx;
		border-radius: 10rpx;
	}
	.shop-cookies-price{
		width: 100%;
		height: 60rpx;
		/* background-color: aquamarine; */
	}
	.price-symbol{
		font-size: 24rpx;
		margin-left: 10rpx;
	}
	.shop-Price-decimals{
		font-size: 24rpx;
	}
</style>